<?php $this->headLink()->appendStylesheet($this->dirCss.'/dd.css');?>
<?php $this->headLink()->appendStylesheet($this->dirCss.'/signup.css');?>

	<div id="signup_wrapper">
		 <div id="signup_toptitle"></div><!-- End #signup_toptitle -->
		 
		 <span class="big_title_blue"> Registration form</span>
		 <div class="clear_row"></div>
		 
		 <span class="big_topic">
			<span style="padding-top:10px; float:left;"> Account Information &nbsp; </span>
			<img src="<?php echo $this->baseUrl('public/images/notebook2.png');?>" width="48" height="48" alt="notebook icon" />
		 </span>
		 
		 <div class="clear_row"></div>
		 <label class="left_column">Your login email:</label>
		 <input type="text" class="mid_column" name="email" id="email" />
		 <label class="right_column blueitalic">Check email availability</label>
		 <div class="clear_row"></div>
		 
		 <label class="left_column">Confirm email:</label>
		 <input type="text" class="mid_column" name="email" id="email" />
		 
		 <div class="clear_row"></div>
		 
		 <label class="left_column">Password:</label>
		 <input type="text" class="mid_column" name="email" id="email" />
		 <label class="right_column blueitalic">6 to 32 characters</label>
		 <div class="clear_row"></div>
		 
		 <label class="left_column">Confirm password:</label>
		 <input type="text" class="mid_column" name="email" id="email" />
		
		 <div class="clear_row"></div>
		 
		 
		 <span class="big_topic" style="margin-top:28px;">
			<span style="float:left; padding-top:10px;"> Personal Information &nbsp; </span>
			
			<img src="<?php echo $this->baseUrl('public/images/personnal_info.png'); ?>" width="48" height="48" alt="personal information" />
		 </span>
		 <div class="clear_row"></div>
		 <label class="left_column">First name:</label>
		 <input type="text" class="mid_column" name="email" id="email" />
		 <div class="clear_row"></div>
		 
		 <label class="left_column">Last name:</label>
		 <input type="text" class="mid_column" name="email" id="email" />
		 <div class="clear_row"></div>
		 
		 <label class="left_column">Address:</label>
		 <input type="text" class="mid_column" name="email" id="email" />
		 <div class="clear_row"></div>
		 
		 <label class="left_column">Mobile:</label>
		 <input type="text" class="mid_column" name="email" id="email" />
		 <div class="clear_row"></div>
		 
		 <label class="left_column">Date of birth:</label>
		 <input type="text" class="mid_column" name="email" id="email" />
		 <div class="clear_row"></div>
		 
		 <label class="left_column" style="margin-top:10px;">Marital status:</label>
		 <div class="mid_column" style="margin-top:10px; margin-bottom:20px;">
			 <img src="<?php echo $this->baseUrl('public/images/active.png');?>" width="16" height="16" alt="active" />
			 Single &nbsp;
			 <img src="<?php echo $this->baseUrl('public/images/deactive.png');?>" width="16" height="16" alt="deactive" />
			 Married
		 </div>
		 <div class="clear_row"></div>
		 
		 <label class="left_column" style="margin-top:10px;">Gender:</label>
		 <div class="mid_column" style="margin-top:10px; margin-bottom:20px;">
			 <img src="<?php echo $this->baseUrl('public/images/active.png');?>" width="16" height="16" alt="active" />
			 Male &nbsp; &nbsp;
			 <img src="<?php echo $this->baseUrl('public/images/deactive.png');?>" width="16" height="16" alt="deactive" />
			 Female
		 </div>
		 <div class="clear_row"></div>
		 
		 <label class="left_column">Nationality:</label>
		 <div class="mid_column" style="margin-top:10px; margin-bottom:20px;">
			 <img src="<?php echo $this->baseUrl('public/images/active.png');?>" width="16" height="16" alt="active" />
			 Local Vietnamese &nbsp;
			 <img src="<?php echo $this->baseUrl('public/images/deactive.png');?>" width="16" height="16" alt="deactive" />
			 Other country
		 </div>
		 <div class="clear_row"></div>
		 
		 
		 <label class="left_column">Residence:</label>
		 <div class="mid_column">
			<select id="residence" name="location" style="margin-right:20px; width:352px;">
				<option title="<?php echo $this->baseUrl('public/images/vertical_spacer.png');?>">Viet Nam</option>
				<option title="<?php echo $this->baseUrl('public/images/vertical_spacer.png');?>">French</option>
				<option title="<?php echo $this->baseUrl('public/images/vertical_spacer.png');?>">China</option>
				<option title="<?php echo $this->baseUrl('public/images/vertical_spacer.png');?>">Germany</option>
			</select>
		 </div>
		<script type="application/javascript">
				$(document).ready(function(e) {
					try {
						$("#residence").msDropDown();
					} catch(e) {
					alert(e.message);
					}
				});
			</script>
		
		 <div class="clear_row"></div>
		 
		 <div class="left_column">&nbsp;</div>
		 <div class="mid_column_full">
			 
			<img src="<?php echo $this->baseUrl('public/images/checked.jpg');?>" width="19" height="19" alt="checked" />
			 I have read and accept <a href="javascript:" > Privacy and Policy </a> and <a href="javascript:"> Terms of use </a>
		 </div>
		 <div class="clear_row"></div>
		 
		 <div class="left_column">&nbsp;</div>
		 <div class="mid_column_full">
			<img src="<?php  echo $this->baseUrl('public/images/checked.jpg');?>" width="19" height="19" alt="checked" />
			 I’d like to receive Weekly Newsletter (for non-manager)
		 </div>
		 <div class="clear_row"></div>
		 
		 <div class="left_column">&nbsp;</div>
		 <div class="mid_column_full">
			<img src="<?php  echo $this->baseUrl('public/images/checked.jpg');?>" width="19" height="19" alt="checked" />
			 I’d like to receive Monthly Letter For Leaders (for manager and above)
		 </div>
		 <div class="clear_row"></div>
		 
		 <div class="left_column">&nbsp;</div>
		 <div class="mid_column_full maginbottom10 margintop10" >
			<img src="<?php  echo $this->baseUrl('public/images/signup_button.png');?>" width="99" height="43" alt="signup" />
			<img src="<?php  echo $this->baseUrl('public/images/reset_button.png');?>" width="98" height="43" alt="reset"/>
		 </div>
		 <div class="clear_row"></div>
		 
	</div><!-- End #signup_wrapper -->
	<div id="bottom_img"></div>